/*

 * Swiper - Mobile Touch Slider CSS

 * http://www.idangero.us/sliders/swiper

 *

 * Vladimir Kharlampidi, The iDangero.us

 * http://www.idangero.us/

 * 

 * Copyright 2012-2013, Vladimir Kharlampidi

 * The iDangero.us

 * http://www.idangero.us

 *

 * Licensed under GPL & MIT

 *

*/



/* ===============================================================

Basic Swiper Styles 

================================================================*/

.swiper-container {

	margin:0 auto;

	position:relative;

	overflow:hidden;

	-webkit-backface-visibility:hidden;

	-moz-backface-visibility:hidden;

	-ms-backface-visibility:hidden;

	-o-backface-visibility:hidden;

	backface-visibility:hidden;

	/* Fix of Webkit flickering */

	z-index:1;

}

.swiper-wrapper {

	position:relative;

	width:100%;

	-webkit-transition-property:-webkit-transform, left, top;

	-webkit-transition-duration:0s;

	-webkit-transform:translate3d(0px,0,0);

	-webkit-transition-timing-function:ease;

	

	-moz-transition-property:-moz-transform, left, top;

	-moz-transition-duration:0s;

	-moz-transform:translate3d(0px,0,0);

	-moz-transition-timing-function:ease;

	

	-o-transition-property:-o-transform, left, top;

	-o-transition-duration:0s;

	-o-transform:translate3d(0px,0,0);

	-o-transition-timing-function:ease;

	-o-transform:translate(0px,0px);

	

	-ms-transition-property:-ms-transform, left, top;

	-ms-transition-duration:0s;

	-ms-transform:translate3d(0px,0,0);

	-ms-transition-timing-function:ease;

	

	transition-property:transform, left, top;

	transition-duration:0s;

	transform:translate3d(0px,0,0);

	transition-timing-function:ease;

}

.swiper-free-mode > .swiper-wrapper {

	-webkit-transition-timing-function: ease-out;

	-moz-transition-timing-function: ease-out;

	-ms-transition-timing-function: ease-out;

	-o-transition-timing-function: ease-out;

	transition-timing-function: ease-out;

	margin: 0 auto;

}

.swiper-slide {

	float: left;

}



/* IE10 Windows Phone 8 Fixes */

.swiper-wp8-horizontal {

	-ms-touch-action: pan-y;

}

.swiper-wp8-vertical {

	-ms-touch-action: pan-x;

}



/* ===============================================================

Your custom styles, here you need to specify container's and slide's

sizes, pagination, etc.

================================================================*/

.swiper-container {

}

.swiper-slide {



}

.swiper-slide-active {

	/* Specific active slide styling: */

	

}

.swiper-slide-visible {

	/* Specific visible slide styling: */	



}

/* ===============================================================

Pagination Styles

================================================================*/

.swiper-pagination-switch {

	/* Stylize pagination button: */	



}

.swiper-active-switch {

	/* Specific active button style: */	

	

}

.swiper-visible-switch {

	/* Specific visible button style: */	

	

}

.index_kv1 {height: calc(100vh); background: url(../images/index_kv1.jpg) center left no-repeat; background-size: cover }

.index_kv2 {height: calc(100vh); background: url(../images/index_kv2.jpg) left center no-repeat; background-size: cover }

.index_kv3 {height: calc(100vh); background: url(../images/index_kv3.jpg) center top no-repeat; background-size: cover }

.index_kv4 {height: calc(100vh); background: url(../images/index_kv4.jpg) center top no-repeat; background-size: cover }

/*.indexkv h1{ font-size: 50px }*/

/* .index_kv4 { height: calc(100vh); background: url(../images/index/index_kv4.jpg) top center no-repeat; background-size: cover } */ 





.swiper-slide-active .indexkv-animation01, .swiper-slide-active .indexkv-animation02, .swiper-slide-active .indexkv-animation03,.swiper-slide-active .indexkv-animation04  { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1 }

.swiper-slide-active .indexkv-animation01 { margin-top: 0; transition-delay: 0.3s }

.index_pagination.pagination { width:auto; z-index: 10;bottom: 50px; }

.index_pagination.pagination .swiper-pagination-switch,.pagination-newsSwiper.pagination .swiper-pagination-switch{ width: 12px; height: 12px; display: inline-block; border-radius: 100%; background: #fff; opacity: 0.4; cursor: pointer }

.index_pagination.pagination span,.inedxNewSwiper .pagination span{ margin: 0 6px; display: block }

.pagination-newsSwiper.pagination span{ margin: 0 6px;}

.index_pagination.pagination .swiper-active-switch, .pagination-newsSwiper.pagination .swiper-active-switch,.inedxNewSwiper .pagination .swiper-active-switch{ opacity: 1; }



.indexnews .swiper-wrapper, .indexnews .swiper-slide {height: auto !important;}

.indexnews_pagination.pagination { width:100%; text-align: center; bottom: 0; position: absolute; z-index: 10 }

.indexnews_pagination.pagination .swiper-pagination-switch ,.pagination-newsSwiper .swiper-pagination-switch { width: 12px; height: 12px; display: inline-block; border-radius: 100%; background: #b5b5b5; cursor: pointer }

.indexnews_pagination.pagination span{ margin: 0 6px; display: block }

.indexnews_pagination.pagination .swiper-active-switch { background: #000 }



.develop-swiper .swiper-wrapper, .develop-swiper .swiper-slide {height: auto !important;}



.develop-arrow-left, .develop-arrow-right { position: absolute;top: 45%; width: 50px; height: 50px; line-height: 50px; margin-top: -25px; background-image: none; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s }

.develop-arrow-left:hover, .develop-arrow-right:hover { filter:alpha(opacity=30); -moz-opacity:0.3; -khtml-opacity:0.3; opacity:0.3 }

.develop-arrow-left:before, .develop-arrow-right:before { font-family: "iconfont"; font-size: 40px; color: #fff; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6 }

.develop-arrow-left:before { content: "\e6a4" }

.develop-arrow-right:before { content: "\ea1e" }

.develop-arrow-left, .about-arrow-left { left: 0 }

.develop-arrow-right, .about-arrow-right { right: 0; text-align: right }



.develop_pagination.pagination {z-index: 10;bottom:0;}

.develop_pagination2.pagination {z-index: 10;bottom:10px }

.develop_pagination.pagination .swiper-pagination-switch { width: 12px; height: 12px; display: inline-block; border-radius: 100%; background: #b5b5b5; cursor: pointer }

.develop_pagination.pagination span{ margin: 0 6px; display: block }

.develop_pagination.pagination .swiper-active-switch { background: #1aa24d }



.develop-swiper2 { width: 76%!important }

.develop-swiper2 .swiper-wrapper, .develop-swiper2 .swiper-slide {height: auto !important;}

.develop-swiper2 .com-link:hover { background: #f4f4f4; color: #000 }

.develop-swiper2 .swiper-slide { padding-bottom: 40px}



.develop_pagination3.pagination {z-index: 10;bottom:0 }

.develop-swiper3 .swiper-wrapper, .develop-swiper3 .swiper-slide {height: auto !important;}

.develop-swiper3 .com-link:hover { background: #f4f4f4; color: #000 }

.develop-swiper3 .swiper-slide { padding-bottom: 30px}



.public-con .index_pagination2{bottom: -40px;}



.about-swiper.swiper-container { background: url(../images/about-swiper-line.png) center 200px no-repeat; background-size: 100% auto;padding-bottom: 40px;}

.about-swiper{padding-top: 40px; position: relative;}

.about-swiper .poabsolute-w50{bottom: 20px;}

.about-swiper .year { font-size: 24px; line-height: 1.1em; margin-top: 48px }

.about-swiper .titlebox { width: 110px; height: 110px; line-height: 110px; margin-top: 30px; font-size: 18px; background: rgba(255,255,255,0.4); -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }

.about-swiper .titleline { width: 110px; height: 110px; border: 1px dashed #000; position: absolute; top: 0; left: 0; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }

.about-swiper .txt { opacity: 0; }

.about-swiper .swiper-slide-active .year { font-size: 42px; margin-top: 0 }

.about-swiper .swiper-slide-active .titlebox { width: 160px; height: 160px; line-height: 160px; margin-top: 30px; font-size: 32px; background: rgba(18,189,111,0.5); color: #fff }

.about-swiper .swiper-slide-active .titleline { width: 180px; height: 180px; border: 1px dashed rgba(18,189,111,0.4); top: -10px; left: -10px } 

.about-swiper .swiper-slide-active .txt { opacity: 1; }

.about-con02 .about-swiper .swiper-wrapper, .about-con02 .about-swiper .swiper-slide {height: auto !important;}



.about-arrow-left, .about-arrow-right { position: absolute; top: 45%; width: 110px; text-align: center; height: 110px; line-height: 110px; margin-top: -55px; background-image: none; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; border: 1px dashed #474747; background: rgba(255,255,255,0.4); border-radius: 50% }

.about-arrow-left:before, .about-arrow-right:before { font-family: "iconfont"; font-size: 30px; line-height: 110px; color: #000 }

.about-arrow-left:before { content: "\e6a4" }

.about-arrow-right:before { content: "\ea1e" }

.about-arrow-left:hover:before { animation: arrowleft .6s; -webkit-animation: arrowleft .6s }

@keyframes arrowleft {

	0%,100% {

		margin-left: 0;

	}

	50% {

		margin-left: -20px;

	}

}

@-webkit-keyframes arrowleft {

	0%,100% {

		margin-left: 0;

	}

	50% {

		margin-left: -20px;

	}

}

.about-arrow-right:hover:before { animation: arrowright .6s; -webkit-animation: arrowright .6s }

@keyframes arrowright {

	0%,100% {

		margin-left: 0;

	}

	50% {

		margin-left: 20px;

	}

}

@-webkit-keyframes arrowright {

	0%,100% {

		margin-left: 0;

	}

	50% {

		margin-left: 20px;

	}

}





.join-swiper, .join-swiper .swiper-slide { height: auto }



.join_pagination.pagination {z-index: 10;bottom:0;}

.join_pagination.pagination .swiper-pagination-switch { width: 12px; height: 12px; display: inline-block; border-radius: 100%; background: #b5b5b5; cursor: pointer }

.join_pagination.pagination span{ margin: 0 6px; display: block }

.join_pagination.pagination .swiper-active-switch { background: #1aa24d }



.business_tabs .iconbox {

	cursor: pointer;

	

  float: left;

  color: #333;

  text-align: center;

  border-radius: 50%;

      width: 58px;

    height: 58px;

    line-height: 58px;

    border: 1px solid #000;

  font-size: 25px;}

.business_tabs div:hover .iconbox{background:#18a464;color: #fff;border:none;}

.business_tabs .iconbox .icon-iup{display: none;}

.business_tabs .active .iconbox {

	border:none;

  color: #fff;

  background: #18a464; 

    width: 70px;

    height: 70px;

    line-height: 70px;

border-radius: 50%;

border: none;



}

.business_tabs .iconbox p{width: 5em;}

.business_tabs .active .icon-iup {

display: block!important;

}

.business_tabs .iconbox.active i:nth-child(1){

	font-size: 30px;

}

.business_swiper {

background: #18a464; }

.business_swiper .swiper-slide {

  width: 640px;

  background: none;

  color: #fff;

}

.business_content {

  padding: 40px;

}

.business_swiper .swiper-wrapper,.business_swiper .swiper-wrapper .swiper-slide  {height: auto!important;}

.indexkv.swiper-container{height: auto!important;}

.mediaSwiper.swiper-container{height: calc(50vh)!important; min-height: 400px;}

.swiper-container{height: auto!important;}

.business_tabs div{width: 11.11%; float: left;}



.business_tabs .iconbox i{font-size: 30px;line-height: 70px;}

.business_tabs .iconbox .iconfont { font-size: 24px; line-height: 58px }

.business_tabs .iconbox .icon-iup {color: #18a464;position: absolute;bottom: -70px; margin-left: 10px}



.inkv01 .container { top: 50% ;left: 50%;color: #fff;}

.inkv02 .container { top: 50% ;left: 58%; color: #fff;}

.inkv03 .container { top: 50% ;left: 105%; color: #00859c;}

.inkv04 .container { top: 50% ;left: 95%; color: #fff;}



@media ( max-width:800px ) {	

.indexkv h1 { font-size: 3rem }



.inkv01 .container { top:65%;left: 50%;}



.inkv02 .container { top:65%;left: 50%;}

/* .inkv02 .imgw40 { max-width: 60% } */



.inkv03 .container { top: 65%;left: 50%;}

/* .inkv03 .imgw40 { max-width: 60% } */



.inkv04 .container { top: 65%;left: 50%; }

/* .inkv04 .imgw40 { max-width: 60% } */

.indexkv.swiper-container ,.indexkv .swiper-slide{

    height:450px!important;

}

.index_kv1 {height:100%; background: url(../images/mo_index_kv1.jpg) top center no-repeat; background-size: cover }

.index_kv2 {height:100%; background: url(../images/mo_index_kv3.jpg) top center no-repeat; background-size: cover }

.index_kv3 {height:100%; background: url(../images/mo_index_kv4.jpg) top center no-repeat; background-size: cover }

.index_kv4 {height:100%; background: url(../images/mo_index_kv2.jpg) top center no-repeat; background-size: cover }

.indexkv .poabsolute-wh50 { top: 35% }

.indexkv .imgw13 { max-width: 25% }

 



}